<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="css/sal.css" type="text/css"></link>
<title>Ordering</title>
</head>

<body>



<!-- selecting entree type-->

		<c:if test="${type }">
		<form name='input' action='Ordering' method='get'>
			<table style='width: 50%; text-align: center; margin-left: auto; margin-right: auto;' border='0' cellpadding='2' cellspacing='2'>
				<tr>
					<td></br></td>
					<td>Place Order</td>
				</tr>
				<tr>
					<td>Select Entree Type</td>
		        	<td>
		        		<select name='entreeType'>
		          		  <option value='selectType'>Make Selection...</option>
		        		  <option value='chicken'>Chicken</option>
		        		  <option value='beef'>Beef</option>
		        		  <option value='pork'>Pork</option>
		        		  <option value='veggie'>veggie</option>
		          		</select>
		          	</td>
				</tr>
				<tr>
					<td><input name='submit' value='select' type='submit'></td>
					<td><input name='submit' value='Order' type='submit'></td>

				</tr>
			</table>
			</form>
		 	</c:if>
		 	
		 	
		 	
<!-- selecting entree and sides-->		 	
		 	<c:if test="${!type }">

		     	<table style='width: 80%; text-align: left; margin-left: auto; margin-right: auto;' border='0' cellpadding='2' cellspacing='2'>
				<tr>
					<td></br></td>
					<td><h1><b>PLACE ORDER</b></h1></td>
					<td></br></td>
				</tr>
				<tr>
					<td></br></td>
					<td>Select Entree</td>
					<td>Sides</td>
				</tr>
				<tr>
					<td></br></td>
		        	<td>

		        		<c:forEach items="${foodOptions }" var="food">
		        			<input type="radio" name="entree" value='${food.entree }'>${food.entree }</input></br></br>
		        		</c:forEach>

		          	</td>
		          	<td>
		          		<c:forEach items="${sides }" var="side">
			          		 <input type="checkbox" name="sides" value="${side }">${side } </input>
			          		 <input type="text" name="${side }" size="1" maxlength="2"></br>
		          		 </c:forEach>
		          	</td>
				</tr>
				<tr>					
					<td><input name='submit' value='Add' type='submit'></td>
					<td><input name='submit' value='Remove' type='submit'></td>
					<td><input name='submit' value='Order' type='submit'></td>
				</tr>
			</table>

			</c:if>


</body>
</html>